<template>
  <div class="shopping-banner">
    <router-link to="/shoppingcart" tag="p" class="shopping-banner-Close">
      <i class="iconfont icon-cha">关闭</i>
    </router-link>
    <p class="shopping-banner-Cart">确认订单</p>
    <p class="shopping-banner-edit"></p>
  </div>
</template>

<script>
export default {
  name: "ConfirmationBanner",
  data() {
    return {};
  }
};
</script>

<style scoped>
.shopping-banner {
  width: 100%;
  height: 0.9rem;
  background-color: #43bf92;
  display: flex;
  margin-bottom: 0.55rem;
}
.shopping-banner-Close,
.shopping-banner-edit {
  width: 1.5rem;
  line-height: 0.9rem;
  font-size: 0.3rem;
  color: #ffffff;
  text-align: center;
}
.iconfont {
  font-size: 0.3rem;
}
.shopping-banner-Cart {
  flex-grow: 1;
  text-align: center;
  font-size: 0.36rem;
  line-height: 0.9rem;
  color: #ffffff;
}
</style>